<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>证件预览</title>
    <link rel="stylesheet" href="/static/css/common/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/common/style.css">
    <link rel="stylesheet" type="text/css" href="/static/start/static/css/public.min.css">
    <% include("/inc/html5.html"){} %>
    <style type="text/css">
        .box {
            width: 3508px;
            height: 5150px;
            margin: 0 auto;
            /*padding: 520px 80px 80px 80px;*/
            /*background: url("/static/images/common/${certType == 1?'yyzz_zheng.jpg':'yyzz_fu.jpg'}") no-repeat top;*/
            border-collapse: inherit;
            position: relative;
        }

        .yyzz-table {
            color: #333333;
            font-size: 8rem;
            height: 40%;
            top: ${certType == 1?'29%':'34%'};
            width: 72%;
            left: 14%;
            position: relative;
        }

        .yyzz-table th, .yyzz-table td {
            padding-bottom: 1px;
            vertical-align: top;
            /*border: 1px solid rebeccapurple;*/
        }

        .companyCode {
            text-align: right;
            margin: 0 10px;
            font-weight: 800;
        }

        .companyCode span {
            font-weight: 300;
            padding-left: 10px;
            color: #333333;
        }

        .list-title {
            color: #333333;
            font-size: 1.2em;
            width: 20%;
            /* padding: 0 10px 0 0; */
            font-weight: 600;
            text-align: justify;
            text-justify: inter-ideograph;
            text-align-last: justify;
            line-height: 1.5em;
            zoom: 1;
        }

        .list-content {
            color: #333333;
            width: 80%;
            padding: 0 10px 0 2em;
            font-weight: 500;
            text-align: left;
            font-family: SimSun, serif;
        }


        .list-content .address{
            font-size: 7rem;
        }


        .list-content .scope{
            font-size: 7rem;
        }

        .footerCode {
            bottom: 10%;
            left: 8%;
            padding: 6%;
            position: absolute;

        }

        .footerCode img {
            width: 600px;
            height:600px;
        }

        .footerTime {
            text-align: right;
            bottom: ${certType == 1?'10.5%':'6%'};
            right: ${certType == 1?'11.5%':'5.3%'};
            padding:${certType == 1?'1%':'6%'};
            font-weight: 800;
            position: absolute;
        }


        .footerTime span {
            font-size: 80px;
            font-weight: 500;
            padding: 30px 20px 30px 30px;
            margin-right: 150px;
            font-family: SimSun, serif;
        }

    </style>
</head>
<body style="margin-top: 0;padding-top: 0">
<div class="box">
    <table class="yyzz-table">
        <tbody>
        <tr>
            <td colspan="2" class="companyCode">统一社会信用代码<span>${companyApply.companyCode!}</span></td>
        </tr>
        <tr>
            <td colspan="2" class="companyCode"><span>${certType == 1?'':'（1-1）'}</span></td>
        </tr>
        <tr>
            <td class="list-title">名称</td>
            <td class="list-content">${companyApply.companyName!}</td>
        </tr>
        <tr>
            <td class="list-title">类型</td>
            <td class="list-content">${companyApply.certType!}</td>
        </tr>
        <tr>
            <td class="list-title">住所</td>
            <td class="list-content"><span class="address">${companyApply.companyAddress!}</span></td>
        </tr>
        <tr>
            <td class="list-title">法定代表人</td>
            <td class="list-content">${legal.name}</td>
        </tr>
        <tr>
            <td class="list-title">注册资本</td>
            <td class="list-content">${webUtil.number2Chs(companyApply.registeredCapital!'10')}</td>
        </tr>
        <tr>
            <td class="list-title">成立日期</td>
            <td class="list-content">${companyApply.foundingTime,'yyyy年MM月dd日'}</td>
        </tr>
        <tr>
            <td class="list-title">营业期限</td>
            <td class="list-content">长期</td>
        </tr>
        <tr>
            <td class="list-title">经营范围</td>
            <td class="list-content"><span class="scope">${companyApply.businessScope!}<br />（依法须经批准的项目，经相关部门批准后方可开展经营活动）</span></td>
        </tr>
        </tbody>
    </table>
    <div class="footerCode">
        <img src="/common/qrCode?content=${companyApply.qrcode!}" alt="${companyApply.companyName}">
    </div>
    <div class="footerTime">
        <span>${companyApply.foundingTime,'yyyy'}</span><span>${companyApply.foundingTime,'MM'}</span><span>${companyApply.foundingTime,'dd'}</span>
    </div>
</div>
</body>
</html>